<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function doSomething(){
            let hello = document.getElementById('hello') // DOM对象

            // 获取属性
            // console.log(hello.title)
            // 设置属性
            // hello.title = '好好学习，天天向上'

            // 获取内容
            // console.log(hello.innerText)
            // 设置内容
            // hello.innerText = '软件开发、程序员'

            // 获取样式
            // console.log(hello.style.background)
            // 设置样式
            // hello.style.background = 'green'

            // 创建元素并添加到页面上
            // let li = document.createElement('li')
            // li.innerText = '韩笑文'

            // let content = document.getElementById('content')
            // content.appendChild(li)

            // 删除元素
            document.getElementById('first').remove()
        }
    </script>
</head>
<body>
    <button onclick="doSomething()">点我</button>
    <hr>

    <div id="hello" title="this is a div" style="width: 200px; height: 100px; background: pink;">跟汤老师学开发</div>

    <ul id="content">
        <li id="first">朱浩文</li>
        <li>陆伟铭</li>
        <li>吴易</li>
    </ul>
</body>
</html>